<template>
  <el-dialog
    center
    title="曲线预览"
    :modal="false"
    :visible="dialogVisible"
    width="50%"
    :before-close="handleClose"
    :show-close="false"
  >
    <div class="tab_box" slot="title">
      <div class="title">远程监控</div>
      <span
        class="el-icon-close"
        style="color: #fff"
        @click="handleClose"
      ></span>
    </div>
    <img
      src="@/assets/images/testImg/quxian.png"
      style="width: 100%; height: 100%"
      alt=""
    />
  </el-dialog>
</template>

<script>
export default {
  props: {
    dialogVisible: {
      type: Boolean,
      default: false,
    },
  },
  methods: {
    handleClose() {
      this.$emit("update:dialogVisible", false);
    },
  },
};
</script>

<style scoped lang='scss'>
.tab_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* height: 52px; */
  .title {
    font-size: 18px;
    color: #fff;
  }
}
</style>